import React from 'react';
import { Layout, Table, Input } from 'antd';

const { Content } = Layout;
const { Search } = Input;

const ContentArea = ({ children }) => (
  <Content style={{ margin: '0 16px' }}>
    <div className="site-layout-background" style={{ padding: 24, minHeight: 360 }}>
      {children}
    </div>
  </Content>
);

ContentArea.Search = Search;
ContentArea.Table = Table;

export default ContentArea;